﻿<div class="box onethird floatleft">
    <h3>
        Progress <a href="#" class="toggle">Toggle</a></h3>
    <div class="box-content">
        <div id="progress">
            @foreach (var trophy in ViewBag.UserTrophiesProgress)
            {   
                <a href="/Award/Trophy/@trophy.TrophyID">   
                <img src="/images/TrophySmall.png" alt="@trophy.Name" />  @trophy.Name    
                <text> (
                @trophy.PercentageComplete
                % )
                </text>
                <p>
                    <span style="width:@trophy.PercentageComplete%"></span>
                </p>
                	</a>    
            }
        </div>
    </div>
    <!-- /box-content -->
    <a href="#" class="view-all">View all</a>
</div>
<!-- /box -->
